{extend name="layout/default" /}

{block name="title"}网站定制开发 - 成都亚克茜科技{/block}

{block name="page_css"}
<link rel="stylesheet" href="/home_assets/css/website.css">
{/block}

{block name="body"}
<!-- 轮播图 -->
<div class="carousel">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/ea626e20be48561db3acdf8f85b28a84.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- 网站定制开发 -->
<div class="custom-wrap">
    <div class="wrap-container">
        <div class="bg-circle"></div>
        <div class="intro-wrap">
            <h2>网站定制开发（PC站/手机H5站）</h2>
            <p class="bg-text">CUSTOM DEVELOPMENT</p>
            <p class="desc">个性化设计，助您网站脱颖而出，提升品牌形象，专业网站定制服务助力业务成功</p>
        </div>
    </div>
    <div class="gray-block">
        <div class="wrap-container">
            <div class="list-wrap">
                {foreach $shares as $item}
                <a href="javascript:;" class="list-item">
                    <div class="media-wrap media-wrap-video" data-video-url="{$item.videoaddress}">
                        <!-- <video src=""></video> -->
                        <img src="{$item.coverimage|cdnurl}" alt="">
                        <div class="mask"></div>
                        <img src="/home_assets/imgs/website/icon-play.png" alt="" class="play">
                    </div>
                    <div class="name">{$item.name}</div>
                    <div class="other-info">
                        <div class="date">
                            <img src="/home_assets/imgs/share/icon-date.png" alt="">
                            <span>{:date('Y/m/d', intval($item.updatetime))}</span>
                        </div>
                        <div class="view">
                            <img src="/home_assets/imgs/share/icon-eye.png" alt="">
                            <span>{:rand(2000, 3000)}</span>
                        </div>
                    </div>
                </a>
                {/foreach}
            </div>
            <a href="{:url('home/page/knowledgeshare', '', false)}" class="more" target="_blank">
                <span>更多网站定制分享</span>
                <img src="/home_assets/imgs/website/icon-more.png" alt="">
            </a>
        </div>
    </div>
</div>
<!-- 高端网站定制 -->
<div class="advantage-wrap">
    <div class="wrap-container">
        <div class="intro-wrap">
            <h2>高端网站定制优势</h2>
            <p class="bg-text">CUSTOMIZATION ADVANTAGE</p>
            <p class="desc">打造企业品牌形象，增强用户对企业的信任</p>
        </div>
        <div class="content-wrap">
            <img src="/home_assets/imgs/website/icon-corner.png" alt="" class="advantage-icon">
            <img src="/home_assets/imgs/website/icon-badge.png" alt="" class="badge">
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>个性化设计</span>
                </div>
                <p class="desc">定制开发能够根据客户需求创造独特、符合品牌形象的网站</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>精准满足需求</span>
                </div>
                <p class="desc">针对特定业务需求进行定制，确保网站功能和设计与客户期望一致</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>提升用户体验</span>
                </div>
                <p class="desc">定制开发注重用户体验，使网站操作更直观，提高访问者的满意度</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>适应性强</span>
                </div>
                <p class="desc">能够灵活适应不同设备和平台，保障在各种屏幕上都有良好的显示效果</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>SEO优化</span>
                </div>
                <p class="desc">针对搜索引擎进行优化，提高网站在搜索结果中的排名，增加曝光度</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>可扩展性</span>
                </div>
                <p class="desc">具备良好的可扩展性，方便根据业务发展需求进行功能升级和拓展</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>安全性保障</span>
                </div>
                <p class="desc">注重安全性设计，采用最佳实践和技术，确保用户数据和网站安全</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>专业支持与维护</span>
                </div>
                <p class="desc">提供定期维护和技术支持，确保网站持续高效运行</p>
            </div>
            <div class="item">
                <div class="title">
                    <img src="/home_assets/imgs/website/icon-check.png" alt="">
                    <span>品牌差异化</span>
                </div>
                <p class="desc">定制开发使得网站与众不同，突显品牌独特性，提高品牌认知度</p>
            </div>
        </div>
    </div>
</div>
<!-- 网站设计案例 -->
<div class="example-wrap">
    <div class="intro-wrap">
        <h2>网站设计案例</h2>
        <p class="bg-text">WEBSITE DESIGN CASE</p>
        <p class="desc">我们以案例说话，用案例得到你对我们能力的认可</p>
    </div>
    <div class="slide-wrap">
        <div class="wrap-container">
            <div class="example-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="slide-box">
                            {foreach $pcExamples as $item}
                            <a href="{:url('home/page/casedetail', ['id' => $item.id], false)}" class="list-item item-pc" target="_blank">
                                <img src="{$item.coverimage|cdnurl}" alt="">
                                <div class="mask"><div class="content">{$item.name}</div></div>
                                <img src="/home_assets/imgs/example/icon-h5.png" alt="" class="icon">
                            </a>
                            {/foreach}
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="slide-box">
                            {foreach $tow_pcExamples as $item}
                            <a href="{:url('home/page/casedetail', ['id' => $item.id], false)}" class="list-item item-pc" target="_blank">
                                <img src="{$item.coverimage|cdnurl}" alt="">
                                <div class="mask"><div class="content">{$item.name}</div></div>
                                <img src="/home_assets/imgs/example/icon-h5.png" alt="" class="icon">
                            </a>
                            {/foreach}
                        </div>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
</div>
<!-- 更多案例 -->
<div class="more-case-wrap">
    <div class="wrap-container">
        <div class="intro-wrap">
            <h2>更多案例</h2>
            <p class="bg-text">MORE CASES</p>
        </div>
        <div class="list-wrap">
            {foreach $renderIndustries as $item}
            <div class="list-item">
                <a href="{:url('home/page/case', '', false)}" class="item" target="_blank">
                    <span>{$item.name}（{$item.count}）</span>
                    <img src="/home_assets/imgs/website/case-arrow.png" alt="">
                </a>
            </div>
            {/foreach}
        </div>
        <a href="{:url('home/page/case', '', false)}" class="more-text" target="_blank">
            <span>更多行业案例</span>
            <img src="/home_assets/imgs/website/icon-case-more.png" alt="">
        </a>
    </div>
</div>
{/block}

{block name="page_footer_js"}
<script>
    var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable :true,
        },
    });
    var exampleSwiper = new Swiper(".example-swiper", {
        loop: true, // 循环模式选项

        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
{/block}